﻿<phone:PhoneApplicationPage 
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"  
    x:Class="SkyReader.RootPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot">
        <controls:Pivot Title="CMIC READER" SelectionChanged="Pivot_SelectionChanged" >
            <controls:PivotItem Header="books">
                <Grid x:Name="contentPanelBooks"  >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <TextBlock x:Name="lblInformationBooks" Grid.Row="0" Text="Select to download the books form your SkyDrive or hard disk." TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}" Visibility="Collapsed"/>
                    <ListBox x:Name="lstBook" Grid.Row="1" Visibility="Collapsed">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Border Margin="0,0" BorderBrush="{StaticResource PhoneForegroundBrush}" BorderThickness="0" Background="Transparent" VerticalAlignment="Center" Padding="0"   >
                                    <Button Width="430" Height="150" x:Name="btnOpenBook"  Tag="{Binding FileName}"  Click="btnOpenBook_Click" >
                                        <Button.Content>
                                            <Grid x:Name="BookPanel" Grid.Row="1" Width="400">
                                                <Grid.RowDefinitions>
                                                    <RowDefinition Height="Auto"/>
                                                    <RowDefinition Height="Auto"/>
                                                    <RowDefinition Height="Auto"/>
                                                </Grid.RowDefinitions>
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="Auto" />
                                                    <ColumnDefinition Width="*" />
                                                </Grid.ColumnDefinitions>

                                                <TextBlock  x:Name="lblTitle" Grid.Row="0" Grid.ColumnSpan="2" Text="{Binding Title}" Style="{StaticResource PhoneTextTitle2Style}" HorizontalAlignment="Left" />
                                                <TextBlock  x:Name="lblSizeInfo" Grid.Row="1" Grid.Column="0" Text="Size:" Style="{StaticResource PhoneTextNormalStyle}" />
                                                <TextBlock  x:Name="lblSize" Grid.Row="1" Grid.Column="1" Text="{Binding Size}" Style="{StaticResource PhoneTextNormalStyle}" />
                                                <TextBlock  x:Name="lblDateInfo" Grid.Row="2" Grid.Column="0" Text="Date created:" Style="{StaticResource PhoneTextNormalStyle}" />
                                                <TextBlock  x:Name="lblDate" Grid.Row="2" Grid.Column="1" Text="{Binding DateCreated}" Style="{StaticResource PhoneTextNormalStyle}" />
                                            </Grid>
                                        </Button.Content>
                                    </Button>
                                    <toolkit:ContextMenuService.ContextMenu>
                                        <toolkit:ContextMenu IsZoomEnabled="false">
                                            <toolkit:MenuItem Header="Open" Click="menuItemOpen_Click" Tag="{Binding FileName}"/>
                                            <toolkit:MenuItem Header="Delete" Click="menuItemDelete_Click" Tag="{Binding Id}"/>
                                        </toolkit:ContextMenu>
                                    </toolkit:ContextMenuService.ContextMenu>
                                </Border>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

                    <Grid x:Name="panelLoadBooks" Grid.Row="1" Margin="12,0,12,0" >
                        <toolkit:PerformanceProgressBar Foreground="Blue"   Name="progBar"  Grid.Column="0" Grid.Row="1" IsIndeterminate="True" Height="4" HorizontalAlignment="Left" Margin="5,210,0,0" VerticalAlignment="Top" Width="450"   />
                        <TextBlock x:Name="lblLoading" Text="Loading..." Margin="0,220,0,0"  HorizontalAlignment="Center" />
                    </Grid>
                </Grid>
            </controls:PivotItem>

            <controls:PivotItem Header="hard disk">
                <Grid Background="Transparent">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <!--ContentPanel - place additional content here-->
                    <Grid x:Name="panelLoadHD" Grid.Row="0" Margin="12,0,12,0" Visibility="Collapsed">
                        <toolkit:PerformanceProgressBar Foreground="Blue"   x:Name="progBarHD"  Grid.Column="0" Grid.Row="1" IsIndeterminate="True" Height="4" HorizontalAlignment="Left" Margin="5,210,0,0" VerticalAlignment="Top" Width="450"   />
                        <TextBlock x:Name="lblLoadingHD" Text="Loading..." Margin="0,220,0,0"  HorizontalAlignment="Center" />
                    </Grid>

                    <Grid x:Name="panelSaveHD" Grid.Row="0" Margin="12,0,12,0" Visibility="Collapsed">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>

                        <TextBlock x:Name="lblTitleHD" Grid.Row="0" Grid.ColumnSpan="2" Text="Book title" Style="{StaticResource PhoneTextSubtleStyle}" Margin="10,0,0,0" />
                        <TextBox x:Name="txtTitleHD"  Grid.Row="1" Grid.ColumnSpan="2" Margin="0,0,0,0" />
                        <toolkit:ListPicker x:Name="lstFontSizeHD" Header="Font size" Grid.Row="2" Grid.ColumnSpan="2" SelectionChanged="lstFontSizeHD_SelectionChanged">
                            <sys:String>24</sys:String>
                            <sys:String>26</sys:String>
                            <sys:String>28</sys:String>
                            <sys:String>32</sys:String>
                        </toolkit:ListPicker>

                        <toolkit:ListPicker x:Name="lstFontFamilyHD" Header="Font family" Grid.Row="3" Grid.ColumnSpan="2" SelectionChanged="lstFontFamilyHD_SelectionChanged">
                            <sys:String>Arial</sys:String>
                            <sys:String>Arial Black</sys:String>
                            <sys:String>Comic Sans MS</sys:String>
                            <sys:String>Courier New</sys:String>
                            <sys:String>Georgia</sys:String>
                            <sys:String>Lucida Sans Unicode</sys:String>
                            <sys:String>Times New Roman</sys:String>
                            <sys:String>Verdana</sys:String>
                        </toolkit:ListPicker>
                        <TextBlock x:Name="lblPreviewTitleHD" Grid.Row="4" Grid.ColumnSpan="2" Text="Preview" Style="{StaticResource PhoneTextSubtleStyle}" Margin="10,30,0,0"/>
                        <TextBlock x:Name="lblPreviewHD" TextWrapping="Wrap" Grid.Row="5" Grid.ColumnSpan="2" Width="450" >

                        </TextBlock>
                        <Button Name="btnSaveHD" Content="save" Grid.Row="7" Grid.Column="0" Margin="0,10,0,0"  Click="btnSave_Click" />
                        <Button Name="btnCancelHD" Content="cancel" Grid.Row="7" Grid.Column="1" Margin="0,10,0,0" Click="btnCancel_Click"  />
                    </Grid>


                    <Grid x:Name="contentPanelHD" Grid.Row="1" Visibility="Collapsed">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>

                        <Grid x:Name="panelNoService" Grid.Row="0" >
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <TextBlock x:Name="lblComputerName" Grid.Row="0" Text="Computer Name" Style="{StaticResource PhoneTextSubtleStyle}" Margin="10,0,0,0" />
                            <TextBox x:Name="txtComputerName"  Grid.Row="1"  Margin="0,0,0,0" />
                            <Button Name="btnConnectServer" Content="Connect Server" Grid.Row="2"  Margin="0,10,0,0"  Click="btnConnectServer_Click" />
                            <TextBlock x:Name="lblInformationHD" Grid.Row="3" Text="" TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}"/>
                        </Grid>



                        <ListBox x:Name="lstFile" Grid.Row="1" Visibility="Collapsed">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Border Margin="0,0" BorderBrush="{StaticResource PhoneForegroundBrush}" BorderThickness="0" Background="Transparent" VerticalAlignment="Center" Padding="0"   >
                                        <Button Width="430" Height="150" x:Name="btnDownloadFile" Tag="{Binding Name}"  Click="btnDownloadFile_Click">
                                            <Button.Content>
                                                <Grid x:Name="BookPanel" Grid.Row="1" Width="400">
                                                    <Grid.RowDefinitions>
                                                        <RowDefinition Height="Auto"/>
                                                        <RowDefinition Height="Auto"/>
                                                        <RowDefinition Height="Auto"/>
                                                    </Grid.RowDefinitions>
                                                    <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="Auto" />
                                                        <ColumnDefinition Width="*" />
                                                    </Grid.ColumnDefinitions>

                                                    <TextBlock  x:Name="lblTitle" Grid.Row="0" Grid.ColumnSpan="2" Text="{Binding Name}" Style="{StaticResource PhoneTextTitle2Style}" HorizontalAlignment="Left" />
                                                    <TextBlock  x:Name="lblSizeInfo" Grid.Row="1" Grid.Column="0" Text="Size:" Style="{StaticResource PhoneTextNormalStyle}" />
                                                    <TextBlock  x:Name="lblSize" Grid.Row="1" Grid.Column="1" Text="{Binding Size}" Style="{StaticResource PhoneTextNormalStyle}" />
                                                    <TextBlock  x:Name="lblDateInfo" Grid.Row="2" Grid.Column="0" Text="Date created:" Style="{StaticResource PhoneTextNormalStyle}" />
                                                    <TextBlock  x:Name="lblDate" Grid.Row="2" Grid.Column="1" Text="{Binding DateCreated}" Style="{StaticResource PhoneTextNormalStyle}" />
                                                </Grid>
                                            </Button.Content>
                                        </Button>
                                    </Border>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </Grid>
                </Grid>
            </controls:PivotItem>
            
            <controls:PivotItem Header="skydrive">
                <Grid Background="Transparent">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid x:Name="LoadPanelSD" Grid.Row="0" Margin="12,0,12,0">
                        <toolkit:PerformanceProgressBar Foreground="Blue"   x:Name="progBarSD"  Grid.Column="0" Grid.Row="1" IsIndeterminate="True" Height="4" HorizontalAlignment="Left" Margin="5,210,0,0" VerticalAlignment="Top" Width="450"   />
                        <TextBlock x:Name="lblLoadingSD" Text="Loading..." Margin="0,220,0,0"  HorizontalAlignment="Center" />
                    </Grid>

                    <Grid x:Name="SavePanelSD" Grid.Row="0" Margin="12,0,12,0" Visibility="Collapsed">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>

                        <TextBlock x:Name="lblTitleSD" Grid.Row="0" Grid.ColumnSpan="2" Text="Book title" Style="{StaticResource PhoneTextSubtleStyle}" Margin="10,0,0,0" />
                        <TextBox x:Name="txtTitleSD"  Grid.Row="1" Grid.ColumnSpan="2" Margin="0,0,0,0" />
                        <toolkit:ListPicker x:Name="lstFontSizeSD" Header="Font size" Grid.Row="2" Grid.ColumnSpan="2" SelectionChanged="lstFontSizeSD_SelectionChanged">
                            <sys:String>24</sys:String>
                            <sys:String>26</sys:String>
                            <sys:String>28</sys:String>
                            <sys:String>32</sys:String>
                        </toolkit:ListPicker>

                        <toolkit:ListPicker x:Name="lstFontFamilySD" Header="Font family" Grid.Row="3" Grid.ColumnSpan="2" SelectionChanged="lstFontFamilySD_SelectionChanged">
                            <sys:String>Arial</sys:String>
                            <sys:String>Arial Black</sys:String>
                            <sys:String>Comic Sans MS</sys:String>
                            <sys:String>Courier New</sys:String>
                            <sys:String>Georgia</sys:String>
                            <sys:String>Lucida Sans Unicode</sys:String>
                            <sys:String>Times New Roman</sys:String>
                            <sys:String>Verdana</sys:String>
                        </toolkit:ListPicker>
                        <TextBlock x:Name="lblPreviewTitleSD" Grid.Row="4" Grid.ColumnSpan="2" Text="Preview" Style="{StaticResource PhoneTextSubtleStyle}" Margin="10,30,0,0"/>
                        <TextBlock x:Name="lblPreviewSD" TextWrapping="Wrap" Grid.Row="5" Grid.ColumnSpan="2" Width="450" >

                        </TextBlock>
                        <TextBlock x:Name="lblSaveSD" Grid.Row="6" Grid.ColumnSpan="2" Text="This book has been downloaded, select a tile, font size and font family for the book and then click the save button add it to your book shelf." TextWrapping="Wrap" Style="{StaticResource PhoneTextNormalStyle}"/>
                        <Button Name="btnSaveSD" Content="save" Grid.Row="7" Grid.Column="0" Margin="0,10,0,0"  Click="btnSave_Click" />
                        <Button Name="btnCancelSD" Content="cancel" Grid.Row="7" Grid.Column="1" Margin="0,10,0,0" Click="btnCancel_Click"  />
                    </Grid>
                    <!--ContentPanel - place additional content here-->
                    <Grid x:Name="ContentPanel" Grid.Row="2" Margin="12,0,12,0">
                        <phone:WebBrowser HorizontalAlignment="Left" Margin="5,5,5,5" Name="webBrowser" VerticalAlignment="Top" Height="680" Width="450"  Source="http://skydrive.live.com" IsScriptEnabled="True" />
                    </Grid>
                </Grid>
            </controls:PivotItem>
            
            
        </controls:Pivot>

    
    </Grid>

    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>